<template>
    <scroll-view style="background-color: #f5f5f5"> </scroll-view>
    <div v-for="(item, index) in list" :key="index">
        <MyReservationCard
            :id="item.id"
            :image="item.image"
            :title="item.title"
            :time="item.time"
            :location="item.location"
            :status="item.status"
        ></MyReservationCard>
    </div>
</template>

<script setup lang="ts">
// image', 'title', 'time', 'location', 'status', 'id
import { defineProps } from 'vue'
import MyReservationCard from '@/views/activityPages/components/my-reservation-card.vue'

const props = defineProps(['list'])
</script>

<style scoped lang="scss">
</style>